﻿@model Admin.Models.LoginModel

@{
    ViewBag.Title = "Login";
    Layout = null;
    
}
<!DOCTYPE html>
<html lang="en">
<head>

	<meta charset="utf-8">
	<title>Quản trị nội dung</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="Charisma, a fully featured, responsive, HTML5, Bootstrap admin template.">
	<meta name="author" content="Muhammad Usman">

	<!-- The styles -->
	<link id="bs-css" href="~/Content/css/bootstrap-cerulean.css" rel="stylesheet">
	<style type="text/css">
	  body {
		padding-bottom: 40px;
	  }
	  .sidebar-nav {
		padding: 9px 0;
	  }
	</style>
	@*<link href="css/bootstrap-responsive.css" rel="stylesheet">
	<link href="css/charisma-app.css" rel="stylesheet">
	<link href="css/jquery-ui-1.8.21.custom.css" rel="stylesheet">
	<link href='css/fullcalendar.css' rel='stylesheet'>
	<link href='css/fullcalendar.print.css' rel='stylesheet'  media='print'>
	<link href='css/chosen.css' rel='stylesheet'>
	<link href='css/uniform.default.css' rel='stylesheet'>
	<link href='css/colorbox.css' rel='stylesheet'>
	<link href='css/jquery.cleditor.css' rel='stylesheet'>
	<link href='css/jquery.noty.css' rel='stylesheet'>
	<link href='css/noty_theme_default.css' rel='stylesheet'>
	<link href='css/elfinder.min.css' rel='stylesheet'>
	<link href='css/elfinder.theme.css' rel='stylesheet'>
	<link href='css/jquery.iphone.toggle.css' rel='stylesheet'>
	<link href='css/opa-icons.css' rel='stylesheet'>
	<link href='css/uploadify.css' rel='stylesheet'>*@
        @Styles.Render("~/Content/css")
	<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
	<!--[if lt IE 9]>
	  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	<!-- The fav icon -->
	<link rel="shortcut icon" href="img/favicon.ico">
		
</head>

<body>
		<div class="container-fluid">
		<div class="row-fluid">
		
			<div class="row-fluid">
				<div class="span12 center login-header">
					<h2>Quản trị nội dung</h2>
				</div><!--/span-->
			</div><!--/row-->
			
			<div class="row-fluid">
				<div class="well span5 center login-box">
					<div class="alert alert-info">
					    Hãy đăng nhập bằng tên tài khoản và mật khẩu của bạn
					</div>
				@using (Html.BeginForm())
    {
        <fieldset>
            
            <div class="input-prepend" title="Username" data-rel="tooltip">
                <span class="add-on"><i class="icon-user"></i></span>
                @Html.TextBoxFor(m => m.UserName, null, new {@class="input-large span6" })
            </div>
            <div class="clearfix"></div>

            <div class="input-prepend" title="Password" data-rel="tooltip">
                <span class="add-on"><i class="icon-lock"></i></span>

                @Html.PasswordFor(m => m.Password, new {@class="input-large span6" })
            </div>
            <div class="clearfix"></div>

            <div class="input-prepend">
                <label class="remember" for="remember">
                    <input type="checkbox" id="remember" />Remember me</label>
            </div>
            <div class="clearfix"></div>

            <p class="center span5">
                <input type="submit" class="btn btn-primary" value="Đăng nhập">

            </p>

        </fieldset>
    }
				</div><!--/span-->
			</div><!--/row-->
				</div><!--/fluid-row-->
		
	</div><!--/.fluid-container-->

	<!-- external javascript
	================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
 <!-- jQuery -->
    <script src="~/Scripts/libs/jquery-1.7.2.min.js"></script>
    <!-- jQuery UI -->
    <script src="~/Scripts/libs/jquery-ui-1.8.21.custom.min.js"></script>
    <!-- transition / effect library -->
    <script src="~/Scripts/libs/bootstrap-transition.js"></script>
    <!-- alert enhancer library -->
    <script src="~/Scripts/libs/bootstrap-alert.js"></script>
    <!-- modal / dialog library -->
    <script src="~/Scripts/libs/bootstrap-modal.js"></script>
    <!-- custom dropdown library -->
    <script src="~/Scripts/libs/bootstrap-dropdown.js"></script>
    <!-- scrolspy library -->
    <script src="~/Scripts/libs/bootstrap-scrollspy.js"></script>
    <!-- library for creating tabs -->
    <script src="~/Scripts/libs/bootstrap-tab.js"></script>
    <!-- library for advanced tooltip -->
    <script src="~/Scripts/libs/bootstrap-tooltip.js"></script>
    <!-- popover effect library -->
    <script src="~/Scripts/libs/bootstrap-popover.js"></script>
    <!-- button enhancer library -->
    <script src="~/Scripts/libs/bootstrap-button.js"></script>
    <!-- accordion library (optional, not used in demo) -->
    <script src="~/Scripts/libs/bootstrap-collapse.js"></script>
    <!-- carousel slideshow library (optional, not used in demo) -->
    <script src="~/Scripts/libs/bootstrap-carousel.js"></script>
    <!-- autocomplete library -->
    <script src="~/Scripts/libs/bootstrap-typeahead.js"></script>
    <!-- tour library -->
    <script src="~/Scripts/libs/bootstrap-tour.js"></script>
    <!-- library for cookie management -->
    <script src="~/Scripts/libs/jquery.cookie.js"></script>
    <!-- calander plugin -->
    <script src='~/Scripts/libs/fullcalendar.min.js'></script>
    <!-- data table plugin -->
    <script src='~/Scripts/libs/jquery.dataTables.min.js'></script>

    <!-- chart libraries start -->
    <script src="~/Scripts/libs/excanvas.js"></script>
    <script src="~/Scripts/libs/jquery.flot.min.js"></script>
    <script src="~/Scripts/libs/jquery.flot.pie.min.js"></script>
    <script src="~/Scripts/libs/jquery.flot.stack.js"></script>
    <script src="~/Scripts/libs/jquery.flot.resize.min.js"></script>
    <!-- chart libraries end -->

    <!-- select or dropdown enhancer -->
    <script src="~/Scripts/libs/jquery.chosen.min.js"></script>
    <!-- checkbox, radio, and file input styler -->
    <script src="~/Scripts/libs/jquery.uniform.min.js"></script>
    <!-- plugin for gallery image view -->
    <script src="~/Scripts/libs/jquery.colorbox.min.js"></script>
    <!-- rich text editor library -->
    <script src="~/Scripts/libs/jquery.cleditor.min.js"></script>
    <!-- notification plugin -->
    <script src="~/Scripts/libs/jquery.noty.js"></script>
    <!-- file manager library -->
    <script src="~/Scripts/libs/jquery.elfinder.min.js"></script>
    <!-- star rating plugin -->
    <script src="~/Scripts/libs/jquery.raty.min.js"></script>
    <!-- for iOS style toggle switch -->
    <script src="~/Scripts/libs/jquery.iphone.toggle.js"></script>
    <!-- autogrowing textarea plugin -->
    <script src="~/Scripts/libs/jquery.autogrow-textarea.js"></script>
    <!-- multiple file upload plugin -->
    <script src="~/Scripts/libs/jquery.uploadify-3.1.min.js"></script>
    <!-- history.js for cross-browser state change on ajax -->
    <script src="~/Scripts/libs/jquery.history.js"></script>
    <!-- application script for Charisma demo -->
    <script src="~/Scripts/libs/charisma.js"></script>
		
</body>
</html>
